<!--<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}" />-->
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>供货方人员资质管理</title>
<link rel="stylesheet" type="text/css"
	href="/Medical_Instrument/statics/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css"
	href="/Medical_Instrument/statics/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css"
	href="/Medical_Instrument/statics/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css"
	href="/Medical_Instrument/statics/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css"
	href="/Medical_Instrument/statics/h-ui.admin/css/style.css" />
<link rel="stylesheet" href="${path}/statics/css/settingCategory.css" />
<style type="text/css">
#loadingModal {
	position: absolute;
	top: 40%;
	left: 25%;
	transform: translateX(-50%) translateY(-50%);
}

* {
	margin: 0;
	padding: 0;
}

body>h2 {
	font-weight: 500;
	text-align: center;
	padding: 20px 0 30px;
	border-bottom: 1px solid #92A5C7;
	background: linear-gradient(#F3F8FF, #E2EEFF, #BCD9FF);
}

.div-nav {
	font-size: 16px;
}

.div-nav span {
	display: inline-block;
	width: 120px;
	text-align: center;
}

.buttons {
	font-size: 14px;
	border-radius: 10px 10px 0 0;
	border: 1px solid #92A5C7;
	padding: 4px;
	width: 120px;
	text-align: center;
	background: linear-gradient(#DEECFF, #CAE1FF, #B6D6FF);
	color: #1E90FF;
	z-index: 100;
}

.buttons:hover {
	background: linear-gradient(#B6D6FF, #CAE1FF, #DEECFF);
}

.div-body-div {
	border: 5px solid #1E90FF;
	width: 1450px;
	height: 500px;
	padding: 20px;
	margin: 0 30px 30px 30px;
	overflow-x: auto;
	overflow-y: auto;
	position: relative;
}

.modal-body li span:nth-of-type(1) {
	text-align: right;
	display: inline-block;
	width: 110px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	margin-right: 5px;
}

.modal-body li {
	line-height: 40px;
}

.red-back {
	color: red;
}

.modal-body tbody tr span:nth-of-type(1) {
	display: inline-block;
	width: 90px;
	text-align: right;
	margin-bottom: 10px;
}

#supplier_add input {
	margin-right: 20px;
	width: 145px;
	height: 23px;
	border: 2px solid #77BCFF;
	text-indent: 10px;
	font-size: 13px;
}
</style>
</head>

<body>
	<h2>供货方人员资质管理</h2>
	<div class="div-nav">
		<nav>
			<button class="buttons"
				style="margin: -59px 0 0 10px; border-bottom: 1px solid white;"
				onclick="chang_content($(this),1)">基本资料</button>
			<button class="buttons" style="margin: -59px 0 0 0;"
				onclick="chang_content($(this),2)">查询审核人签字</button>
			<button class="buttons" style="margin: -59px 0 0 0;"
				onclick="chang_content($(this),3)">已审核</button>
		</nav>
	</div>
	<div class="div-body"
		style="background: linear-gradient(#ffffff, #DCEBFF, #D3E6FF, #BFDBFF);">
		<!-- 基本资料 开始 -->
		<div class="div1">
			<div class="div-body-div cont_right">
				<table id="supplier_per"
					class="table table-border table-bordered table-hover table-bg"
					width="2400">
					<thead>
						<tr class="text-c">
							<th>供方人员编号</th>
							<th>供应商</th>
							<th>供应商编号</th>
							<th>姓名</th>
							<th>职务</th>
							<th>身份证号</th>
							<th>资格证号</th>
							<th>授权区域</th>
							<th>授权起始日期</th>
							<th>授权结束日期</th>
							<th>备案结束日期</th>
							<th>授权人</th>
							<th>审核人</th>
							<th>审核日期</th>
							<th>人员备注</th>
							<th>审核备注</th>
							<th>品种控制</th>
							<th>回撤原因</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
			<input type="hidden" value="add" id="isAddOrUpdate" />
			<div >
				<button class="buttons"
					style="margin: -1100px 0 0 1550px; border-radius: 10px;"
					data-toggle="modal" data-target="#supplier_add"
					onclick="supplierAdd()">新增</button>
				<button class="buttons"
					style="margin: -1070px 0 0 1550px; border-radius: 10px;"
					id="update" data-toggle="modal" data-target="#supplier_add"
					onclick="getUpdateSupplierPeopleInfo()">修改</button>
				<button class="buttons"
					style="margin: -1040px 0 0 1550px; border-radius: 10px;"
					onclick="delSupplierPeople()">删除</button>
			</div>
		</div>
		<!-- 基本资料 结束 -->
		
		<!-- 查询审核人签字开始 -->
		<div class="div2" style="display: none;">
			<div class="div-body-div cont_right">
				<table id="verifiers_sign"
					class="table table-border table-bordered table-hover table-bg"
					width="2400">
					<thead>
						<tr class="text-c">
							<th>供方人员编号</th>
							<th>供应商</th>
							<th>供应商编号</th>
							<th>姓名</th>
							<th>职务</th>
							<th>身份证号</th>
							<th>资格证号</th>
							<th>授权区域</th>
							<th>授权起始日期</th>
							<th>授权结束日期</th>
							<th>备案结束日期</th>
							<th>授权人</th>
							<th>审核人</th>
							<th>审核日期</th>
							<th>人员备注</th>
							<th>审核备注</th>
							<th>品种控制</th>
							<th>回撤原因</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
			<div>
				<button class="buttons select" 
					style="margin: -1100px 0 0 1550px; border-radius: 10px;"
					data-toggle="modal" data-target="#supplier_add" onclick="selectSupplierPeople('#verifiers_sign>tbody')">查看</button>
				<button class="buttons"
					style="margin: -1070px 0 0 1550px; border-radius: 10px;" id="auditorSign"
					data-toggle="modal" data-target="#supplier_add" onclick="auditor_sign()">审核人签字</button>
			</div>
		</div>
		<!-- 查询审核人签字 结束 -->

		<!-- 已审核 开始 -->
		<div class="div3" style="display: none;">
			<div class="div-body-div cont_right">
				<table id="audited_table"
					class="table table-border table-bordered table-hover table-bg"
					width="2400">
					<thead>
						<tr class="text-c">
							<th>供方人员编号</th>
							<th>供应商</th>
							<th>供应商编号</th>
							<th>姓名</th>
							<th>职务</th>
							<th>身份证号</th>
							<th>资格证号</th>
							<th>授权区域</th>
							<th>授权起始日期</th>
							<th>授权结束日期</th>
							<th>备案结束日期</th>
							<th>授权人</th>
							<th>审核人</th>
							<th>审核日期</th>
							<th>人员备注</th>
							<th>审核备注</th>
							<th>品种控制</th>
							<th>回撤原因</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
			<div>
				<button class="buttons select"
					style="margin: -1100px 0 0 1550px; border-radius: 10px;" 
					data-toggle="modal" data-target="#supplier_add" onclick="selectSupplierPeople('#audited_table>tbody')">查看</button>
			</div>
		</div>
		<!-- 已审核 结束 -->
	</div>

	<div class="modal inmodal fade" id="supplier_add" tabindex="-1"
		role="dialog" aria-hidden="true" style="z-index: 50;overflow-y:auto;">
		<div class="modal-dialog modal-lg"
			style="width:960px; height:700px;margin:20px auto;">
			<div class="modal-content" style="width:960px;">
				<div class="modal-header"
					style="background: linear-gradient(#FFFFFF,#E8F2FF,#BDD9FF);">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title"
						style="font-size: 26px; font-weight: 600; text-align: center; ">新增供货方人员资质</h4>
				</div>

				<div class="modal-body"
					style="background: linear-gradient(#E1EDFF,#D1E4FF,);">
					<form action="" id="supplierPeopleInfo" style="width: 250%;">
						<table>
							<tr>
								<td><span></span> <span class="red-back"> <a
										class="buttons" style="color: red;border-radius: 10px;"
										data-toggle="modal" data-target="#providerlist" id="provider_a"
										onclick="getProviderList()">供应商</a>&nbsp;
										<div id="p_info" style="color: black;display: inline-block;">
										</div> </span></td>
							</tr>
							<tr>
								<td><span class="red-back">姓名</span> <input type="text"
									name="name" id="name" /> <span> <span>职务</span> <input
										type="text" name="duty" id="duty" /> </span></td>
								<td><input type="checkbox" name="isVarietyControl"
									id="isVarietyControl" />品种控制 <input type="hidden"
									name="varietyControl" id="varietyControl" />
								</td>
							</tr>
							<tr>
								<td><span class="red-back">身份证号</span> <input type="text"
									style="width: 433px;" name="identityCard" id="identityCard"
									onblur="checkIdentityCard()" /></td>
							</tr>
							<tr>
								<td><span>资格证号</span> <input type="text"
									name="certificationNo" id="certificationNo"
									style="width: 433px;" /></td>
							</tr>

							<tr>
								<td><span> <a data-toggle="modal" id="accreditArea_a"
										class="btn btn-primary red-back" data-target="#select_area"
										style="color: white;">授权区域</a> </span> <input type="text"
									style="width: 750px;" name="area" id="area" readonly="readonly" />
								</td>
							</tr>

							<tr>
								<td><span class="red-back">授权起始日期</span> <input
									class="input-text Wdate" type="text" name="accreditStartDate"
									id="accreditStartDate"
									onfocus="WdatePicker({dateFmt:'yyyy-MM-dd', defaultDate:'#now'})"
									style="width: 140px;" />
								</td>
							</tr>
							<tr>
								<td><span class="red-back">授权结束日期</span> <input
									class="input-text Wdate" type="text" name="accreditEndDate"
									id="accreditEndDate"
									onfocus="WdatePicker({dateFmt:'yyyy-MM-dd', defaultDate:'#now'})"
									style="width: 140px;" />
								</td>
							</tr>
							<tr>
								<td><span class="red-back">备案结束日期</span> <input
									class="input-text Wdate" type="text" name="recordsEndDate"
									id="recordsEndDate"
									onfocus="WdatePicker({dateFmt:'yyyy-MM-dd', defaultDate:'#now'})"
									style="width: 140px;" />
								</td>
							</tr>
							<tr>
								<td><span class="red-back">授权人</span> <input type="text"
									name="accreditPeople" id="accreditPeople" style="width: 433px;" />

								</td>
							</tr>
							<tr>
								<td><span>人员备注</span> <input type="text"
									name="peopleRemarks" id="peopleRemarks" style="width: 750px;" />
								</td>
							</tr>
							<tr>
								<td><span class="red-back">经营范围控制</span> <textarea
										cols="110" rows="13" id="business_scope">
								
						</textarea> <a class="btn btn-info"
									style="position: absolute;right: 80px;top:420px;background-color: #6495ED;color: white;"
									data-toggle="modal" data-target="#setting" data-toggle="modal"
									onclick="getBusinessScope()" id="set">设置</a>
								</td>
							</tr>
							<tr>
								<td><span>审核备注</span> <input type="text"
									id="auditorRemarks" style="width: 750px;" />
								</td>
							</tr>
						</table>
						<input type="hidden" name="supplierPeopleId"
							id="supplierPeopleId" />
						<input type="hidden" name="supplierEnterpriseNo"
							id="selectSupplierNo" />
						<input type="hidden" name="repetition"
							id="repetition" />
					</form>
				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-toggle="modal" id="verifiersSignButton"
						data-target="#verifyPeople" style="display: none;" onclick="sign()">核实人签字</button>
					<button type="button" class="btn btn-primary"  style="display: none;" id="confirm_" data-dismiss="modal">确定</button>
					<button type="button" class="btn btn-primary"
						onclick="saveSupplierPeopleInfo()" id="confirm">保存</button>
					<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>

	<!--供应商列表弹框-->
	<div id="providerlist" class="modal fade bs-example-modal-lg">
		<div class="modal-dialog " id="loadingModal">
			<div class="modal-content" style="width: 250%;">
				<div class="modal-header">
					<h4 class="modal-title" style="text-align: center;">供应商列表</h4>
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="mt-20">
						<table id="providerList"
							class="table table-border table-bordered table-hover table-bg">
							<thead>
								<tr class="text-c">
									<th>供方编号</th>
									<th>名称</th>
									<th>全称</th>
									<th>地址</th>
									<th>联系人</th>
									<th>联系电话</th>
									<th>备注</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
				<div class="modal-footer" style="margin-top: 50px;">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
				</div>
			</div>

		</div>
	</div>

	<!--
        	作者：offline
        	时间：2018-09-07
        	描述：商品经营范围控制弹框
        -->
	<div class="modal inmodal fade" id="setting" tabindex="-1"
		role="dialog" aria-hidden="true" style="z-index: 55;">
		<div class="modal-dialog modal-lg"
			style="width: 1420px;height: 1200px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title">选择器械分类</h4>
				</div>
				<div class="modal-body">
					<div class="category_div">
						<div
							style="border: 1px solid black;height: 580px;overflow-y: auto;">
							<h2 style="text-align: center;font-weight: bold;">未选分类</h2>
							<form>
								<ul class="category_ul">
									<li>从当前数据中检索： <input type="text" name="searchContent"
										id="searchContent" style="width: 200px;" />
									</li>
								</ul>
							</form>
							<table border="1" style="width:600px;font-size: 20px;"
								id="unselectedCategory">

							</table>

						</div>
						<span id="record_count"
							style="position: absolute;bottom: 10px;left: 30px;font-size: 18px;">合计：共0条记录</span>
						<div style="position: absolute;top: 200px;" id="set_button">
							<input type="button"
								style="background-image: url(${path}/statics/image/right.jpg); width: 110px; height: 80px;margin-bottom: 50px;border: 0;"
								onclick="selected()"></input> <br /> <input type="button"
								style="background-image: url(${path}/statics/image/left.jpg); width: 110px; height: 80px; border: 0;"
								onclick="unselected()"></input>
						</div>

						<div
							style="border: 1px solid black;float: right;height: 580px;overflow-y: auto;">
							<h2 style="text-align: center;font-weight: bold;">已选分类</h2>
							<form action="">
								<ul class="category_ul">
									<li>从当前数据中检索： <input type="text" name="searchContent_"
										id="searchContent_" style="width: 200px;" />
									</li>
								</ul>
							</form>
							<table border="1" style="width:600px;font-size: 20px;"
								id="selectedCategory">
								<tr id="theader_">
									<td><input type='checkbox' />
									</td>
									<td>分类编号</td>
									<td>代码编号</td>
									<td>分类代码</td>
									<td>管理类别</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
				<span id="record_count_"
					style="position: absolute;bottom: 70px;right: 30px;font-size: 18px;">合计：共0条记录</span>
				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary"
						onclick="saveBusinessScope()">保存</button>
				</div>
			</div>
		</div>
	</div>


	<!-- 业务部核实人签字弹出框 -->
	<div id="verifyPeople" class="modal fade bs-example-modal-lg">
		<div class="modal-dialog " class="loadingModal">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" style="text-align: center;">核实人签字</h4>
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="mt-20">
						<form style="font-size: 18px;">
							<div style="margin-bottom: 30px;">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>操作员</span> <input
									type="text" style="width: 412px;font-size: 18px;" id="operatorName"/>
							</div>

							<div>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>密码</span>
								<input type="password" style="width: 412px;font-size: 18px;" id="operatorPassword"/>
							</div>

						</form>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" onclick="auditorSignSave()">保存</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 所属区域弹出框 -->
	<div id="select_area" class="modal fade bs-example-modal-lg">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" style="text-align: center;">选择所属区域</h4>
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="row cl">
						<div class="formControls col-xs-8 col-sm-9">
							<dl class="cl permission-list" style="padding-left: 20px;">
								<dt>
									<label>可选区域</label>
								</dt>
								<dd>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class=""
										id="nationwide"> <input type="checkbox" value="全国" />
										全国 </label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="华北" /> 华北 </label>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="华南" /> 华南 </label>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="华东" /> 华东 </label>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="华中" /> 华中 </label>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="东北" /> 东北 </label>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="西北" /> 西北 </label>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="西南" /> 西南 </label>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="">
										<input type="checkbox" value="港澳台" /> 港澳台 </label>
								</dd>
							</dl>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" data-dismiss="modal"
						onclick="selectArea()">确定</button>
				</div>
			</div>
		</div>
	</div>



	<script type="text/javascript"
		src="/Medical_Instrument/statics/lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/lib/layer/2.4/layer.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/h-ui.admin/js/H-ui.admin.js"></script>
	<!--/_footer 作为公共模版分离出去-->

	<script type="text/javascript"
		src="/Medical_Instrument/statics/lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/lib/laypage/1.2/laypage.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/js/gsp/business_manage/settingCategory.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/js/gsp/supplier_per_manage/supplier_per_manage.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/js/gsp/common/area.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/js/gsp/common/dateUtil.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/js/gsp/common/trim.js"></script>
	<script type="text/javascript"
		src="/Medical_Instrument/statics/js/gsp/business_manage/moment.js"></script>
		<script type="text/javascript"
		src="/Medical_Instrument/statics/js/gsp/common/util.js"></script>
		<script type="text/javascript" src="/Medical_Instrument/statics/js/utils/MD5.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#supplier_per tbody,#verifiers_sign tbody,#audited_table tbody").on('click', 'tr', function() {
				if ($(this).hasClass('selected')) {
					$(this).removeClass('selected');
				} else {
					$('#supplier_per tr.selected,#verifiers_sign tr.selected,#audited_table tr.selected').removeClass('selected');
					$(this).addClass('selected');
				}
			});

			$("#providerList tbody").on(
					'dblclick',
					'tr',
					function() {
						var no = $(this).children("td").eq(0).text();
						$("#selectSupplierNo").val(no);
						var name = $(this).children("td").eq(1).text();
						var address = $(this).children("td").eq(3).text();
						var linkman = $(this).children("td").eq(4).text();
						var linkphone = $(this).children("td").eq(5).text();
						var p_info = "供应商名称：" + name + ",地址：" + address
								+ ";联系人：" + linkman + ";联系电话：" + linkphone;
						$("#p_info").text(p_info);
						$("#providerlist").modal('hide');
					});

			   $('.cont_right').scroll(
					function() {
						var obj = $(this);
						var value = obj.scrollLeft();

						$('.dataTables_info')
								.css('margin-left', (value + 'px'));
						$('.dataTables_length').css('margin-left',
								(value + 'px'));
						$('.dataTables_paginate').css('margin-right',
								('-' + value + 'px'));
						$('.dataTables_filter').css('margin-right',
								('-' + value + 'px'));
					});
		});

		function getSupplierPeopleList(formName, url) {
			$(formName).dataTable().fnDestroy();
			$(formName).dataTable(
					{
						"processing" : true,
						"serverSide" : false,
						"paginationType" : "full_numbers",
						"ajax" : url,
						"aaSorting" : [ [ 0, "asc" ] ],
						"aoColumnDefs" : [ {
							"orderable" : false,
							"aTargets" : [ 1, 3, 4, 5, 6, 7, 8, 9, 10, 11,
									12, 13, 14, 15, 16, 17 ]
						} ],

						"columns" : [ {
							"data" : "supplierPeopleId",
							"defaultContent" : ""
						}, {
							"data" : "enterpriseName",
							"defaultContent" : ""
						}, {
							"data" : "supplierEnterpriseNo",
							"defaultContent" : ""
						}, {
							"data" : "name",
							"defaultContent" : ""
						}, {
							"data" : "duty",
							"defaultContent" : ""
						}, {
							"data" : "identityCard",
							"defaultContent" : ""
						}, {
							"data" : "certificationNo",
							"defaultContent" : ""
						}, {
							"data" : "area",
							"defaultContent" : ""
						}, {
							"data" : "accreditStartDate",
							"defaultContent" : "",
							"render" : function(data, type, full, meta) {
								return moment(data).format("YYYY-MM-DD");
							}
						}, {
							"data" : "accreditEndDate",
							"defaultContent" : "",
							"render" : function(data, type, full, meta) {
								return moment(data).format("YYYY-MM-DD");
							}
						}, {
							"data" : "recordsEndDate",
							"defaultContent" : "",
							"render" : function(data, type, full, meta) {
								return moment(data).format("YYYY-MM-DD");
							}
						}, {
							"data" : "accreditPeople",
							"defaultContent" : ""
						}, {
							"data" : "auditPeople",
							"defaultContent" : ""

						}, {
							"data" : "auditDate",
							"defaultContent" : "",
							"render" : function(data, type, full, meta) {
								return moment(data).format("YYYY-MM-DD");
							}
						}, {
							"data" : "peopleRemarks",
							"defaultContent" : ""
						}, {
							"data" : "auditorRemarks",
							"defaultContent" : ""
						}, {
							"data" : "varietyControl",
							"defaultContent" : ""
						}, {
							"data" : "withdrawReason",
							"defaultContent" : ""
						} ]

					});
		}

		function chang_content(obj, num) {
			if (obj != null) {
				obj.css('border-bottom-color', 'white');
				obj.siblings().css('border-bottom-color', '#92A5C7');
			}

			$('.div-body').children('div:nth-of-type(' + num + ')').css(
					'display', 'block');
			$('.div-body').children('div:nth-of-type(' + num + ')').siblings()
					.css('display', 'none');

			switch (num) {
			case 1:
				//基本资料
				getSupplierPeopleList("#supplier_per",
						"${path}/supplierPeople/getSupplierPeopleList");
				break;
			case 2:
				//待审核 
				getSupplierPeopleList("#verifiers_sign",
						"${path}/supplierPeople/getSupplierPeopleList");
				break;
			case 3:
				//已审核
				getSupplierPeopleList("#audited_table",
						"${path}/supplierPeople/getAuditedList");
				break;
			}
		}

       //点击新增按钮
  function supplierAdd() {
    disableForm("supplierPeopleInfo",false);
    $("#set").attr("onclick","getProviderList()");
    $("#provider_a").attr("data-target","#providerlist");
    $("#provider_a").attr("onclick","getProviderList()");
    $("#accreditArea_a").attr("data-target","#select_area");
    $("#set").attr("data-target","#setting");
    $("#set").attr("onclick","getBusinessScope()");
    $("#verifiersSignButton").css("display","none");
    $("#set_button input").removeAttr("disabled");
    $("#confirm").css("display","inline-block");
            $("#isAddOrUpdate").val("add");
			$(":input", "#supplierPeopleInfo").not(":button", ":reset",
					"hidden", "submit").val("").removeAttr("checked")
					.removeAttr("selected");
			$("#p_info").text("");
			$("#repetition").val("");
			var accreditStartDate = document
					.getElementById("accreditStartDate");
			var date = new Date();
			accreditStartDate.value = date.format('yyyy-MM-dd');
			var accreditEndDate = document.getElementById("accreditEndDate");
			accreditEndDate.value = date.DateAdd('y', 1).format('yyyy-MM-dd');

			var recordsEndDate = document.getElementById("recordsEndDate");
			recordsEndDate.value = date.DateAdd('y', 1).format('yyyy-MM-dd');
		}

		getSupplierPeopleList("#supplier_per",
				"${path}/supplierPeople/getSupplierPeopleList");
	</script>
</body>

</html>